<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Projects</title>
<meta name="generator" content="Bluefish 1.0.7">
<meta name="author" content="Guru Prasad">
<meta name="date" content="2007-11-29T10:41:28+0530">
<meta name="copyright" content="Copyright (C) Satsang Technologies">
<meta name="keywords" content="ADAD,MDA,J2EE,Legacy Migration">
<meta name="description" content="Architecture Driven Application Development">
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="expires" content="0">
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="scripts/dragresize.js"></script>

<style type="text/css">

/* Required CSS classes: must be included in all pages using this script */

/* Apply the element you want to drag/resize */
.drsElement {
 position: absolute;
 border: 1px solid #333;
}

/*
 The main mouse handle that moves the whole element.
 You can apply to the same tag as drsElement if you want.
*/
.drsMoveHandle {
 height: 20px;
 background-color: #CCC;
 border-bottom: 1px solid #666;
 cursor: move;
}

/*
 The DragResize object name is automatically applied to all generated
 corner resize handles, as well as one of the individual classes below.
*/
.dragresize {
 position: absolute;
 width: 5px;
 height: 5px;
 font-size: 1px;
 background: #EEE;
 border: 1px solid #333;
}

/*
 Individual corner classes - required for resize support.
 These are based on the object name plus the handle ID.
*/
.dragresize-tl {
 top: -8px;
 left: -8px;
 cursor: nw-resize;
}
.dragresize-tm {
 top: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: n-resize;
}
.dragresize-tr {
 top: -8px;
 right: -8px;
 cursor: ne-resize;
}

.dragresize-ml {
 top: 50%;
 margin-top: -4px;
 left: -8px;
 cursor: w-resize;
}
.dragresize-mr {
 top: 50%;
 margin-top: -4px;
 right: -8px;
 cursor: e-resize;
}

.dragresize-bl {
 bottom: -8px;
 left: -8px;
 cursor: sw-resize;
}
.dragresize-bm {
 bottom: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: s-resize;
}
.dragresize-br {
 bottom: -8px;
 right: -8px;
 cursor: se-resize;
}

</style>

<script type="text/javascript">
//<![CDATA[

// Using DragResize is simple!
// You first declare a new DragResize() object, passing its own name and an object
// whose keys constitute optional parameters/settings:

var dragresize = new DragResize('dragresize',
 { minWidth: 50, minHeight: 50, minLeft: 20, minTop: 20, maxLeft: 600, maxTop: 600 });

// Optional settings/properties of the DragResize object are:
//  enabled: Toggle whether the object is active.
//  handles[]: An array of drag handles to use (see the .JS file).
//  minWidth, minHeight: Minimum size to which elements are resized (in pixels).
//  minLeft, maxLeft, minTop, maxTop: Bounding box (in pixels).

// Next, you must define two functions, isElement and isHandle. These are passed
// a given DOM element, and must "return true" if the element in question is a
// draggable element or draggable handle. Here, I'm checking for the CSS classname
// of the elements, but you have have any combination of conditions you like:

dragresize.isElement = function(elm)
{
 if (elm.className && elm.className.indexOf('drsElement') > -1) return true;
};
dragresize.isHandle = function(elm)
{
 if (elm.className && elm.className.indexOf('drsMoveHandle') > -1) return true;
};

// You can define optional functions that are called as elements are dragged/resized.
// Some are passed true if the source event was a resize, or false if it's a drag.
// The focus/blur events are called as handles are added/removed from an object,
// and the others are called as users drag, move and release the object's handles.
// You might use these to examine the properties of the DragResize object to sync
// other page elements, etc.

dragresize.ondragfocus = function() { };
dragresize.ondragstart = function(isResize) { };
dragresize.ondragmove = function(isResize) { };
dragresize.ondragend = function(isResize) { };
dragresize.ondragblur = function() { };

// Finally, you must apply() your DragResize object to a DOM node; all children of this
// node will then be made draggable. Here, I'm applying to the entire document.
dragresize.apply(document);

//]]>
</script>

</head>
<body style="font: 13px/20px sans-serif; background-color: #FFF">

 <hr />
 	<a href="Home.html" title="Home Page">Home page</a> | | 
	<a href="my_projects.html" title="My Projects">Projects home page</a> | | 
	<a href="my_architectures.html" title="My Architectures">Architectures home page</a>| |
	<a href="my_templates.html" title="My Templates">Templates home page</a> | |
	<a href="my_configuration.html" title="My Configuration">Configuration home page</a>| |
	<a href="my_help.html" title="My Help">Help home page</a>
 <hr />
  	<a href="Home.html" title="Home Page">Home page</a> >> 
	<a href="my_architectures.html" title="My Projects">Projects home page</a> >>  
   <a href="my_architectures_new.html" title="New architecture">New architecture page</a> >>
   <a href="my_architectures_new2.html" title="New architecture">New architecture page 2</a>
 <hr />

<table>
<tr>
<td width="600px">


<div class="drsElement"
 style="left: 50px; top: 150px; width: 250px; height: 120px;
 background: #CDF; text-align: center">
 <div class="drsMoveHandle"><a href="web_edit.html">&lt &lt Web UI &gt &gt</a></div>
  <a href="web_edit.html">&lt &lt component &gt &gt Ajax web pages</a> <br/>
  <a href="web_edit.html">&lt &lt component &gt &gt FormBeans</a> <br/>
  <a href="web_edit.html">&lt &lt component &gt &gt Action services</a>
</div>

<div class="drsElement"
 style="left: 20px; top: 300px; width: 150px; height: 200px;
 background: #FDC; text-align: center">
 <div class="drsMoveHandle"><a href="backend.html">&lt &lt Services &gt &gt</a></div>
 <a href="backend.html">&lt &lt component &gt &gt Services</a> <br/>
 <a href="backend.html">&lt &lt component &gt &gt Doman Objects</a>
</div>

<div class="drsElement"
 style="left: 300px; top: 300px; width: 150px; height: 200px;
 background: #DFC; text-align: center">
 <div class="drsMoveHandle"><a href="backend.html">&lt &lt persistance &gt &gt 
 Layer </a>
</div>
 <a href="backend.html">&lt &lt component &gt &gt JMS services</a> <br/>
 <a href="backend.html">&lt &lt component &gt &gt EJB services</a> <br/>
 <a href="backend.html">&lt &lt component &gt &gt DAO services</a>
</div>

<div style="margin-top: 400px"><!-- spacer --></div>


<hr/>
* to be create with yui drag drop ajax ui

<form action="my_architectures_new2.html" method="post">

create layer <br/>
delete layer <br/>
Add components to created layer <br/>
Edit component <br/>
<a href="my_architectures_new_comp.html">Create new component</a><br/>
delete component <br/>


	<input type="submit" name="next" value="Next" />
</form>
<hr/>
</td>
<td>
<b>Web components</b> <br/> 
   - Jsp <br/>
   - Ajax fragment<br/>
   - HTML with CSS<br/>
   - JSF<br/>
   - SWING<br/>
   - RHTML<br/>
<b>Web Controler</b> <br/> 
   - Struts2 Action <br/>
   - Spring MVC Action<br/>
   - Spring webFlow Action<br/>
   - Spring Webflow configuration<br/>
   - RoR Action<br/>
   - FormBean <br/>
<b>Service</b><br/>
	- Domain Objects<br/>
	- POJO<br/>
	- Service<br/>
	- Web service<br/>
	- SS Bean<br/>
	- Spring Bean<br/>
	- SF Bean<br/>
<b>MiddleWare</b><br/>
	- JMS<br/>
	- RMI<br/>
	- InMem DB<br/>
	- EAI<br/>
<b>Persistance</b><br/>
	- Hibernate<br/>
	- JDO<br/>
	- EJB3<br/>
	- JDBC<br/>
	- ActiveRecord Model<br/>
	- ADO<br/>
	- DAO<br/>
</td>
</tr>
</table>



</body>
</html>